import { StyleSheet, Modal } from 'react-native'
import React, { useState } from 'react'
import ImageViewer from 'react-native-image-zoom-viewer'

const LiuImageViewer = (props) => {
  const { imageUrls, visible = false, index = 0, onClick = () => {} } = props
  return (
    <Modal visible={visible} transparent={true}>
      <ImageViewer imageUrls={imageUrls} onClick={onClick} index={index} />
    </Modal>
  )
}

export default LiuImageViewer

const styles = StyleSheet.create({})